{% extends 'layout.html' %}
{% load rbac %}

{% block css %}
    <style>
        .panel .table {
            text-align: center;
        }

        .issues-list .issue .title {
            font-weight: 500;
            font-size: xx-large;
        }

        .issues-list .issue .tags {
            padding: 10px 0;
            margin-left: 150px;
        }

        .issues-list .issue .tags span {
            margin-right: 20px;
            display: inline-block;
            font-size: 12px;
        }

        .table .content {
            font-size: large;
        }
    </style>
{% endblock %}


{% block content %}
    <div class="luffy-container container-fluid">

        <div class="panel panel-default">
            <div class="panel-heading">
                <i class="fa fa-quora" aria-hidden="true"></i> 通知详情
            </div>
            <table class="table">
                <tbody class="issues-list">
                <tr>
                    <td class="issue">
                        <div class="title">
                            {{ notice_object.title }}
                        </div>
                        <div class="tags">
                            <span><i class="fa fa-clock-o"
                                     aria-hidden="true"></i>发布时间： {{ notice_object.created_time }} </span>
                        </div>
                    </td>

                </tr>
                <tr>
                    <td class="content">
                        {{ notice_object.content }}
                    </td>
                </tr>

                </tbody>
            </table>
        </div>

    </div>
{% endblock %}